.card {

  .paymentOptionsContainer {
    width: 100%;
  }

  .radioGroup {
    width: 100%;
  }

  .radioOption {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    min-height: 48px;
    padding: 8px 24px;
    border-radius: 8px !important;
    border: 1px solid @border-color-base !important;
    transition: all 0.3s @ease-in-out;
    background: @component-background;

    &:not(:first-child)::before {
      display: none;
    }

    &:hover {
      border-color: @primary-color !important;
      box-shadow: 0 2px 8px fade(@primary-color, 12%);
    }

    &.ant-radio-button-wrapper-checked {
      background: fade(@primary-color, 4%);
      border-color: @primary-color !important;
      box-shadow: 0 0 0 1px @primary-color;

      .optionLabel {
        color: @primary-color;
        font-weight: 500;
      }
    }
  }

  .optionContent {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 16px;
  }

  .optionIcon {
    font-size: 24px;
    color: @text-color;
    flex-shrink: 0;

    .radioOption.ant-radio-button-wrapper-checked & {
      color: @primary-color;
    }
  }

  .optionText {
    flex: 1;
    text-align: left;
  }

  .optionLabel {
    font-size: 16px;
    color: @heading-color;
    margin-bottom: 4px;
    transition: color 0.3s;
  }

  .optionDescription {
    font-size: 14px;
    color: @text-color-secondary;
    line-height: 1.4;
  }

  // 移除Radio默认样式
  .radioOption .ant-radio-button {
    display: none;
  }

  .methodItem {
    display: flex;
    align-items: center;
  }

  .methodIcon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
  }

  .amountInfo {
    margin-top: 24px;
    text-align: center;
  }

  .amountText {
    margin-bottom: 8px;
  }

  .hintText {
    font-size: 14px;
  }
}
